<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>订餐车</title>

<link rel="stylesheet" href="o/css/bootstrap.min2.css" type="text/css"
	media="all">
<link rel="stylesheet" href="o/css/font-awesome.min.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="o/css/ionicons.min.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="o/css/owl.carousel.css" type="text/css"
	media="all">
<link rel="stylesheet" href="o/css/owl.theme.css" type="text/css"
	media="all">
<link rel='stylesheet' href='o/css/prettyPhoto.css' type='text/css'
	media='all'>
<link rel="stylesheet" href="o/css/style2.css" type="text/css"
	media="all">
<link rel="stylesheet" href="o/css/custom.css" type="text/css"
	media="all">
<link
	href="http://fonts.googleapis.com/css?family=Great+Vibes%7CLato:100,100i,300,300i,400,400i,700,700i,900,900i"
	rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
	<div class="noo-spinner">
		<div class="spinner">
			<div class="cube1"></div>
			<div class="cube2"></div>
		</div>
	</div>
<!-- 	<div id="menu-slideout" class="slideout-menu hidden-md-up"> -->
<!-- 		<div class="mobile-menu"> -->
<!-- 			<ul id="mobile-menu" class="menu"> -->
<!-- 				<li><a href="menu/recommand.do">首页</a></li> -->
<%-- 				<li><a href="cart.do?c_id=${sessionScope.custom.c_id}">订餐车</a></li> --%>
<%-- 				<li><a href="order.do?c_id=${sessionScope.custom.c_id}">我的订单</a></li> --%>
<!-- 			</ul> -->
<!-- 		</div> -->
<!-- 	</div> -->
<!-- 	<div class="site"> -->
<!-- 		<header id="header" class="header header-desktop header-2"> -->
<!-- 		<div class="top-search"> -->
<!-- 			<div class="container"> -->
<!-- 				<div class="row"> -->
<!-- 					<div class="col-sm-12"> -->
<!-- 						<form> -->
<!-- 							<input type="search" class="top-search-input" name="s" -->
<!-- 								placeholder="What are you looking for?" /> -->
<!-- 						</form> -->
<!-- 					</div> -->
<!-- 				</div> -->
<!-- 			</div> -->
<!-- 		</div> -->
<!-- 		</header> -->
		
<!-- 	</div> -->
	
	<div id="main">
		<div class="section border-bottom pt-2 pb-2">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
					
						<ul class="breadcrumbs">
						<li><a  id="logo"> <img class="logo-image"
						src="images/logo.jpg" alt="客多多" style="height:100px;weight=100px"/>
					</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="section pt-7 pb-7">
			<div class="container">
				<div class="row">
					<div class="col-md-8">
						<table class="table shop-cart">
							<tbody align="center">
								<tr class="cart_item">
									<td class="product-remove">删除</td>
									<td class="product-thumbnail">餐品图示</td>
									<td>餐品名称</td>
									<td>餐品价格</td>
									<td>操作</td>
									
								</tr>
								<c:forEach items="${collect}" var="cl">
									<tr class="cart_item">
										<td class="product-remove"><a href="javascript:void(0);"
											onclick="deleteWish(${cl.id})">×</a></td>
										<td class="product-thumbnail"><a href="menu/showmenuinfo.do?DishId=${cl.dishId }">
												<img src="upimg/${cl.dishPicture}" style="width:100px;height:80px"alt="加载">
										</a></td>
										<td>${cl.dishName}</td>
										<td>￥：${cl.dishPrice}元/份</td>										
										<td><!--  <a href="addCart.do?DishId=${cl.dishId }">加入购物车</a>-->
										<a href="javascript:void(0);"
											onclick="turn(${cl.dishId })">加入购物车</a>
										</td>
									</tr>
								</c:forEach>

							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script language="JavaScript">
	function turn(dishId){
		parent.location.href="addCart.do?DishId="+dishId;
	}
	
function deleteWish(id) {
	if (confirm("是否删除"+id+"号心愿单？")) {
		
		window.location.href="menu/deletewish.do?id="+id;
		alert("删除成功！");
	} else {
		alert("删除失败！");
	}
}

</script>
	<script type="text/javascript" src="o/js/jquery.min.js"></script>
	<script type="text/javascript" src="o/js/jquery-migrate.min.js"></script>
	<script type="text/javascript" src="o/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="o/js/modernizr-2.7.1.min.js"></script>
	<script type="text/javascript" src="o/js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="o/js/jquery.countdown.min.js"></script>
	<script type='text/javascript' src='o/js/jquery.prettyPhoto.js'></script>
	<script type='text/javascript'
		src='o/js/jquery.prettyPhoto.init.min.js'></script>
	<script type="text/javascript" src="o/js/script.js"></script>
</body>
</html>